<template>
  <div class="settlement_indexa">

    <div
      class="demo-nav"
      style
    >
      <div class="demo-nav__title">一键入驻</div>
      <router-link
        :to="'/local_index'"
        class="demo-nav__back"
      >
        <svg viewBox="0 0 1000 1000">

          <path
            fill="#969799"
            fill-rule="evenodd"
            d="M296.114 508.035c-3.22-13.597.473-28.499 11.079-39.105l333.912-333.912c16.271-16.272 42.653-16.272 58.925 0s16.272 42.654 0 58.926L395.504 498.47l304.574 304.574c16.272 16.272 16.272 42.654 0 58.926s-42.654 16.272-58.926 0L307.241 528.058a41.472 41.472 0 0 1-11.127-20.023z"
          >
          </path>

        </svg>
      </router-link>
    </div>

    <div>
      <van-image
        width="22.4rem"
        fit="contain"
        src="http://51jhf.com/profile/xiazai300668c064ad4891b5c375e5164da66f202105241555226.jpg"
      />
    </div>
    <div class="text">
<!--      <div class="bt">-->
<!--        <span>带来更多客户</span>-->
<!--      </div>-->
      <div class="wz">
        <span style="">{{titleer}}</span>
      </div>
    </div>




    <van-tabbar v-model="active" style="padding: 0rem 0rem 2rem 0rem">

      <van-tabbar-item >
        <van-button
          style="width: 15rem"
          :to="'/InApplication'"
          class="button-an"
          type="danger"
        >
          即刻成为我们的伙伴
        </van-button>
      </van-tabbar-item>

    </van-tabbar>


    <van-number-keyboard safe-area-inset-bottom />
    <!--<footer_active></footer_active>-->
  </div>
</template>
<script>
import axios from 'axios'
import footer_active from './footer_active'
import { enterlist } from "@/api/enter";

export default {
  name: 'settlement_index',
  data () {
    return {
      titleer:'',
      title:'淘小建平台是一个综合类的自建房一站式服务平台，平台通过实地考察筛选汇聚了众多高质量的建材、家居商家以及建房、装修工程队，自建房用户从最初的建材选择到建房施工装修施工以及家居搭配在本平台均可以做到一站式解决。',
      loading: true,
      list:[],
    }
  },
  created() {
    this.getList();
  },
  methods:{
    getList(){
      enterlist().then(res=>{
        this.titleer = res.data[0].enterContent;

      })
    }
  },
  mounted () {
    this.loading = false;
  },
  components: {
    footer_active
  }

}
</script>

<style>
.button-an {
  width: 22.2rem;
  top: 0.5rem;
  border-radius: 1rem;
  font-size: 1rem;
  /*padding: 0.4rem;*/
}
.demo-nav__back {
  position: absolute;
  top: 16px;
  left: 16px;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.demo-nav {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 3.2rem;
  background-color: #fff;
}
.demo-nav__title {
  font-weight: 550;
  font-size: 1.3rem;
  text-transform: capitalize;
}
.div-ann {
  height: 3.8rem;
}
.bt{
  width: 100vw;
  height: 30px;
  text-align: left;
}
.bt span{
  line-height: 30px;
    margin: 10px;
    color: rgba(16, 16, 16, 100);
font-size: 1.4rem;
font-family: SourceHanSansSC-bold;
}
.wz{
  width: 350px;
margin: 0 auto;
color: rgba(16, 16, 16, 100);
font-size: 1.2rem;
text-align: left;
font-family: PingFangSC-regular;
}
</style>

